@charset "utf-8";
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#1C57C4; text-decoration:none;}
/*头部*/
.inner{ width:93.75%; margin:0 auto; position:relative;}

.inner:nth-child{2}{margin-left:28px;}
header{ zoom:1}
.head{ height:35px; line-height:35px; background:#333; }
.head-left{ width:50%; font-size:14px; float:left; font-weight:normal; color:#fff; }
.head-right{ color:#fff;  height:35px; text-align:right; float:right; width:50%;}
.head-right li.t span{ padding:0px 10px; font-size:14px; color:#fff;}
.head-right li.t a{  color:#fff; }
#web_logo{ margin-left:50px; font-size:0px; position:relative; z-index:999;float:left;}
.top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:10001; text-align:right;}
.top-nav a{ color:#fff;}
.top-nav a:hover{ color:#fff;}
.top-nav li.b{position:absolute; bottom:20px; right:121px;font-size:16px;float:left;color:#113160;width:148px;font-weight:bold;}
.top-nav li.c{position:absolute; bottom:0; right:55px;font-size:14px;float:left;color:#929291;width:214px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}
.top-logo{ min-height:101px; _height:101px;}
header .inner:nth-child(1){background:#fff;position:fixed;width:100%;z-index:10000;}
nav{ height:101px; background:#fff;width:1192px;float:left;}
nav .inner{width:calc(149px * 8);margin:0 auto; height:101px;}
nav ul li{ float:left; text-align:center; height:101px; line-height:101px; overflow:hidden;}
nav ul li:hover{background:#113160;}
nav ul li a{ color:#113160; font-size:16px;font-weight:bold;}
nav ul li:hover a{ color:#fff;}
/*公司简介*/
.gsjj{width:100%;margin-top:60px;float:left;}
.gsjj .gsjj_a{font-size:32px;color:#6eb1cf;text-align:center;height:32px;}
.gsjj .gsjj_b{font-size:48px;color:#092055;text-align:center;font-weight:bold;}
.gsjj .gsjj_c{font-size:18px;color:#929291;text-align:center;}
.gsjj .gsjj_d{wight:100%;margin:90px 0 166px 0;}
/*nav ul li.line{ width:0px; height:50px; padding:0px; border-left:1px solid #0073bc; border-right:1px solid #0389de;}
nav ul li.hover,nav ul li.navdown{ }
nav ul li.hover a,nav ul li.navdown a{ color:#113160;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#fff;}*/
.met_flash{ margin-top:0px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 

.sou{ height:40px;background:url(../sou_bg.gif) repeat-x; margin-bottom:5px;}
.sleft{ min-width:946px;float:left;margin:24px 0 0 73px;}
.sleft span{float:left;line-height:40px;font-size:20px;font-weight:bold;color:162F61;}
.sleft ul{ float:left;  margin:0px 0; padding:0px;}
.sleft .txt{ zoom:1;}
.sleft .txt li{ list-style:none; float:left;  height:40px; line-height:40px; margin-right:60px; overflow:hidden;font-size:20px;}
.sleft .txt li a{ color:#333; }
.sright{ width:500px; float:right; }
.sright #productsearch{ float:right; margin-top:30px;position: relative;right: 142px;}
.sright *html #productsearch{ top:-22px; position:relative; left:-8px;}
.sright *+html #productsearch{ top:-22px;position:relative;  left:-8px;}
.sright #productsearch span.navsearch_input input{float:left;border: #e4e4e4 solid 1px;height:32px; line-height:32px;width:290px;margin:2px 17px 0 0; 
outline:none;text-indent: 10px;overflow:hidden;border-radius:16px;}
.sright #productsearch .searchimage{ float:left; background:none; border:none; width:146px; height:32px;margin-top:2px;}


/*首页*/
.hezuo { margin:20px auto;  position:relative; }
.hezuo h3.title{ text-align:center; position:relative;  }
.hezuo .biao{text-align:center; position:absolute; top:0; line-height:24px; width:100%; font-size:16px; letter-spacing:5px; color:#006db2;  }
#metPro{ padding:0 30px; margin:20px auto; position:relative;}
#metPro .metProBox{ width:1120px; overflow:hidden;}
#metPro .metProBox ul{width:1000%;}
#metPro .metProBox ul li{ float:left; display:inline; border:1px #ddd solid; font-size:0px;}
#metPro .metProBox ul li a{font-size:0px;}
#metPro .metPrev,#metPro .metNext{ width:30px; height:110px;position:absolute; display:none; cursor:pointer;  color:#fff; text-align:center; top:0;  }
#metPro .metPrev{background:url(../left.jpg) no-repeat;}
#metPro .metNext{ background:url(../right.jpg) no-repeat;}

.tedian{ background: #f7f5f5; padding:20px 0 50px; }
.tedian-show li{ width:240px; float: left; }
.tedian-show li a {width: 129px; float: left;display: block;text-align: center;line-height: 25px;color: #666; margin-top: 30px;margin-right: 40px;margin-left: 40px;}
.tedian-show .pic{width:128px;height:127px;background:url(../ling-2.png) no-repeat;margin-bottom:20px;}
.tedian-show .pic:hover{background:url(../ling.png) no-repeat}
.tedian-show .pic1{width:128px;height:127px;background:url(../ling2.png) no-repeat;margin-bottom:20px;}
.tedian-show .pic1:hover{background:url(../ling2-2.png) no-repeat}
.tedian-show .pic2{width:128px;height:127px;background:url(../ling3.png) no-repeat;margin-bottom:20px;}
.tedian-show .pic2:hover{background:url(../ling3-2.png) no-repeat}
.tedian-show .pic3{width:128px;height:127px;background:url(../ling4.png) no-repeat;margin-bottom:20px;}
.tedian-show .pic3:hover{background:url(../ling4-2.png) no-repeat}
.tedian-show .pic4{width:128px;height:127px;background:url(../ling5.png) no-repeat;margin-bottom:20px;}
.tedian-show .pic4:hover{background:url(../ling5-2.png) no-repeat}
.tedian-show .pic5{width:128px;height:127px;background:url(../ling5.png) no-repeat;margin-bottom:20px;}
.tedian-show .pic5:hover{background:url(../ling5-2.png) no-repeat}

.lefts{padding-bottom:1px; }
.ad{ width:220px; height:65px; text-align:center; color: #fff; line-height:65px; font-size:16px; font-weight:bold;}
.left{padding:42px 21px 0 0;}
.left .listbox{float:left; width:190px;background:#162F61;padding:46px;height:644px;overflow:hidden;}
.left .navnow{position:relative;background:#162F61;line-height:90px;height:90px;border-bottom:#fff 1px dashed;height:}
.left .navnow:last-child{ background:none;}
.left .navnow dt{ height:44px;z-index:78; position:relative;}
.left .navnow:last-child dt{border-bottom:0px dotted #ccc;}
.left .navnow dt a,.left .navnow li a{ color:#fff; font-weight: bold; line-height:44px;font-size:26px; }
.left .navnow dt a:hover,.left .navnow li a:hover{ text-decoration:none; }
.left .navnow dd{ padding:0px 0px 0px 0px;}
.left .navnow dd h4{ color:#000; margin:0 auto; font-weight:normal; width:170px;  border-bottom:1px #ddd dotted; padding:0px 0px 0px 20px; font-size:12x; background:url(../navdb.jpg) no-repeat left;}
.left dd.sub{ position:absolute; top:0px; display:none; left:192px; background:#fff; border:2px solid #468dd1; padding:10px 15px; z-index:77;}
.left dd.sub h4{ white-space:nowrap; clear:both; font-size:100%; padding:3px 0px;}
.left dd.sub h4 a.nav{ color:#2c7199;}
.left dd.sub p{ width:200px;}
.left dd.sub p a{ float:left; padding:2px 0px 2px 10px; background:url(../dd.gif) no-repeat 3px 9px; width:87px; white-space:normal; line-height:1.3; margin:2px 5px 2px 0px; font-weight:normal; color:#666;}
.left dd.sub p a:hover{ background-color:#f6f8f9; color:#f00;}

.rights{ width:1100px; float:right;border:0px solid #ddd;position:relative;bottom:56px;}
.case{  margin-top:0px; overflow:hidden;}
.case h3.title{height:50px;line-height:50px;position:relative;left:41px;font-size:30px;color:#162F61;}
.case h3.title span{ float:left;line-height:35px; padding:0px 25px; color:#fff; font-weight:normal; font-size:16px;}
.case h3.title  a.more{ float:right;position:relative;right:60px;font-size:20px;color:#162F61;padding-right:26px;background:url(http://www.hawayspe.com/templates/haowei_03/images/cp.png);}
.case .active{padding:5px;}
.case dl.ind{ width:262px;height:358px; float:left;zoom:1;margin-right:10px;margin-bottom:22px;}
.case dl.ind dt{  width:258px; height:277px; text-align: center;background: #FFF;zoom:1}
.case dl.ind dt a{ text-align: center;}
.case dl.ind dt img{height:277px;width:258px;}
.case dl.ind dd{ float:right; display:inline;overflow:hidden;}
.case dl.ind dd h4{ margin-left:0px; text-align:center;background:#162F61;height:80px;width:156px;padding:0 53px;}
.case dl.ind dd h4 a{font-size:22px;color:#fff;}
.guanggao{ position:relative; }
.guanggao .gg{ position:absolute; top:0;  width:100%; }
.guanggao .gg .neirong{ width:50%; float:right; padding-top:30px;   }
.style-2 .myCorner .contour-1 p:nth-child(1){width:380px;height:500px;}
.aboutus{width:1200px;height:500px;margin:0 auto;}
.style-1 h3.title span{ float:left; background:url(../dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;}
.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px;}
.style-1 .active{ background:#fff; padding:10px; border:1px solid #bbb;}
.style-2 h3.title {height:30px; line-height:30px;color:#162F61;font-size:26px; position:relative;font-weight:bold;margin-bottom:12px;
background:url(http://www.hawayspe.com/templates/haowei_03/images/g-back.png) no-repeat;}
.style-2 h3.title a.more{ position:absolute; right:-7px; top:0px; color:#162F61; font-size:20px;width:70px;}
.style-2 .active{ background:#efefef;pindding:0 80px;}
.style-2 .active ol{padding-top:40px;}
.index-conts .active{ background:#162F61;}
.style-2 dl.ind{ clear:both; zoom:1}
.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}
.style-2 dl.ind dt a{ margin-left:5px;}
.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}
.style-2 dl.ind dd h4{ margin-left:10px;}
.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}
.index-news{ float:left; width:740px;margin-top:15px;}
.center{margin:0 auto;width:1200px;}
.listel li{}
.listel li a{zoom:1;font-size:18px;display:block;height:50px;line-height:50px;margin-left:40px;width:652px;overflow:hidden;border-bottom:1px dashed #279fc6;}
.index-conts .listel li a{color:#fff;width:345px}
.index-conts .listel li:hover a{color:#efefef;}
.listel li span{ float:right; color:#666;}
.index-conts{ float:left; width:430px; margin-top:15px;margin-left:30px;}

#tabs-nav{ float:left;text-align: center; margin-left:15px;}
#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}
#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
#tabs-nav li a:hover { background:#fff; }
#tabs-nav li a.flex-active{ background:#fff; cursor: default; }
.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}
.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}
.index-links ul{ margin:0px; padding:0px;}
.index-links .img{ margin-bottom:3px;}
.index-links .img li{ list-style:none; display:inline; padding-right:5px;}
.index-links .img img{ width:88px; height:31px;}
.index-links .txt{ zoom:1;}
.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}

/*底部*/

.foot-nav{ text-align:center;height:94px; line-height:94px;  background:#45A8C8;width:100%;overflow:hidden;}
.foot-nav span{width:0;color:#45A8C8;}
.foot-nav a{ color:#fff;padding:40px;font-size:20px;font-weight:bold;}
.foot-nav a:hover{background:#3B7FA5;}
.foot-left{ width:263px; float:left; margin:100px 32px 100px 164px;}
.foot-right{ width:1260px; float:left;margin-top:74px;}
.foot-text{width:1220px;float:left;color:#fff;}
.foot-text a{text-decoration:none;color:#fff;font-size:20px;font-weight:bold;}
.l{float:left;width:814px;margin-right:224px;}
.l .name{font-size:30px;font-weight:bold;float:left;margin-right:20px;}
.l .banquan{font-size:26px;float:left;margin-top: 6px;}
.l div{float:left;}
.l span{font-size:20px;}
.r{float:left;}
.r img{width:182px;}


footer div:nth-child(3){background:#162F61;width:100%;overflow:hidden;}
/*内页侧栏*/
.sidebar{width:1560px;margin:15px auto 0 auto;}
.sidebar .sb_nav{ float:left; width:278px;}
.sidebar .sb_nav h3.title{ text-align:left; background:#162F61; padding:0px 15px; height:98px; line-height:98px; 
font-size:30px; color:#fff;margin-bottom:40px;}
.sidebar .sb_nav h3:nth-child(3){margin-top:40px;margin-bottom:0;}
.sidebar .sb_nav .active{padding:42px 21px 0 0;background:#162F61;}
.sidebar .sb_nav .active p span strong{color:#2d2a28;font-size:26px;line-height:40px;}
.sidebar .sb_nav .active .list-none a{color:#FFF;font-size:20px;font-weight:bold;}
.sidebar .sb_nav .editor{background:#efefef;}
#sidebar dl{line-height:87px;}
#sidebar dl:nth-child(8){border-bottom:none;}
#sidebar dl dt{margin-left:26px;border-bottom:1px dashed #fff;}
#sidebar dl dd{ padding:0px 0px 0px 30px;width:248px;background:#efefef;padding-top:36px;padding-bottom:36px;}
#sidebar dl dd h4{ font-weight:normal;background:url(../dt-0.gif) no-repeat left center;height:42px;overflow:hidden;}
#sidebar dl dt.on a{ font-weight:bold; color:#fff; }
#sidebar dl dd h4 a{ font-weight:bold;color:#262626;font-size:18px;float:left;position:relative;top:-20px;}
.sidebar .sb_box{ float:right; width:1266px; background:#efefef;; overflow:hidden; min-height:622px; }
.sidebar .sb_box h3.title{background:#f8f8f8; height:98px; line-height:98px; position:relative;background:#162F61;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:30px;padding:0px 15px;color:#fff;line-height:98px;height:98px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;color:#fff;font-size:20px;}
.sidebar .sb_box h3.title div.position a{ color:#fff;font-size:20px;}